.tutorial-area{margin-bottom:50vw;}
.tutorial-area h3{line-height:2;}
.tutorial-area p{margin:1em 0;color:#333;}
.tutorial-area .redcolor{color:red;}
.tutorial-area .yellowbg{background-color:yellow;}
.tutorial-area .textbold{font-weight: bold;}
.tutorial-area .textline{text-decoration: underline;}
.tutorial-area .graybg{background-color:gray;}

.infoPage{
    &-detail{
        box-sizing: border-box;
        padding:5vw 5vw 30vw;
        img{
            max-width:100vw;
        }
    }
    &-topbtn{
        box-sizing: border-box;
        padding:5vw;
        background-color:#f7f7f7;
        overflow: hidden;
        &-item{
            box-sizing: border-box;
            width:45vw;
            border:1px solid #db554d;
            float:left;
            line-height: 2;
            text-align: center;
            color:#db554d;
            font-size:4.4vw;
            &.active{
                color:#fff;
                background-color:#db554d;
            }
            &:first-of-type{
                border-top-left-radius: 2vw;
                border-bottom-left-radius: 2vw;
            }
            &:last-of-type{
                border-top-right-radius: 2vw;
                border-bottom-right-radius: 2vw;
            }
        }
    }
    &-page2{
        margin-bottom:20vw;
        img{
            max-width: 100%;
        }
        h3{
            color:#333;
            font-family: "microsoft yahei";
            line-height: 2;
        }
        &-area1{
            position: relative;
            background-color:#fd5c2b;
            h3{
                width:60vw;
                margin-bottom:5px;
                font-size:5vw;
                color:#fff;
            }
            p{
                width:60vw;
                font-size:3vw;
                color:#fff;
            }
            &-copy{
                position: absolute;
                right:5vw;
                top:calc(50% - 4vw);
                padding:.5em 1em;
                z-index: 2;
                border:1px solid #fff;
                border-radius: 10px;
                color:#fff;
                font-size:4vw;
                font-family: '微软雅黑'
            }
        }
        &-area2{
            position: relative;
            overflow: hidden;
        }
        &-area2btn{
            position: absolute;
            z-index: 10;
            top:35vw;
            right:6vw;
            padding:5px;
            border-bottom:3px solid #8c1509;
            border-radius: 5px;
            color:#da251c;
            font-family: '微软雅黑';
            background: linear-gradient(#e4f38b, #f7cd0c);
        }
        &-area3{
            position: relative;
            overflow: hidden;
        }
        &-area3btn{
            position: absolute;
            z-index: 10;
            bottom:13vw;
            right:26vw;
            padding:5px;
            border-bottom:3px solid #8c1509;
            border-radius: 5px;
            color:#da251c;
            font-family: '微软雅黑';
            background: linear-gradient(#e4f38b, #f7cd0c);
        }
    }
}